웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
입력 양식에서 동일한 그룹의 태그를 묶는 태그로 legend 태그와 fieldset 태그가 존재합니다. 이 둘의 차이점이라면 fieldset은 기능적인 측면에서 동일 그룹을 컨트롤할 수 있다는 부분이라면.... legend 태그는 시각적으로 어떤 그룹인지 나타낼 수 있습니다.
<legend></legend>
legend 태그를 입력양식의 상단에 입력해 주면 상단 좌측에 테두리에 텍스트가 표현됩니다. 실제로 보는게 이해가 빠르니 아래 소스코드와 실제 모습을 참고해주세요.
방문자에게 직관적으로 보여줄 수 있다는 장점이 있습니다. 소스코드는 아래와 같습니다.
# fieldset 그리고 legend 태그 예제보기
위 코드의 소스는 아래와 같습니다.
fieldset 태그의 경우 서버에 정보를 전달하는 경우 form 태그와 함께 매우 자주 사용되므로 알아두면 좋습니다.
<legend></legend>
legend 태그를 입력양식의 상단에 입력해 주면 상단 좌측에 테두리에 텍스트가 표현됩니다. 실제로 보는게 이해가 빠르니 아래 소스코드와 실제 모습을 참고해주세요.
방문자에게 직관적으로 보여줄 수 있다는 장점이 있습니다. 소스코드는 아래와 같습니다.
# fieldset 그리고 legend 태그 예제보기
위 코드의 소스는 아래와 같습니다.
<fieldset>
<legend>Personal Infomation.</legend>
Name : <input type="text" /><br />
Phone : <input type="text" /><br />
</fieldset>
fieldset 태그의 경우 서버에 정보를 전달하는 경우 form 태그와 함께 매우 자주 사용되므로 알아두면 좋습니다.
아래의 글도 찾고 계시지 않나요?